<template>
  <div>
    <div>自定义指令：<DirectiveTest1 /></div>
    <br />
    <br />
    <br />
    <br />
    <div>自定义动态指令：<DirectiveTest2 /></div>
    <br />
    <br />
    <br />
    <br />
    <div>自定义指令对象字面量参数：<DirectiveTest3 /></div>
    <br />
    <br />
    <br />
    <br />
    <div>teleport测试：<TeleportTest1 /></div>
    <br />
    <br />
    <br />
    <br />
    <div>teleport测试2 ：<TeleportTest2 /></div>
    <br />
    <br />
    <br />
    <br />
    <div>渲染函数测试 ：<RenderTest1 /></div>
    <br />
    <br />
    <br />
    <br />
    <div>插件测试 ：<PluginTest /></div>
  </div>
</template>

<script>
import DirectiveTest1 from "./components/DirectiveTest1.vue";
import DirectiveTest2 from "./components/DirectiveTest2.vue";
import DirectiveTest3 from "./components/DirectiveTest3.vue";
import TeleportTest1 from "./components/TeleportTest1.vue";
import TeleportTest2 from "./components/TeleportTest2.vue";
import RenderTest1 from "./components/RenderTest.vue";
import PluginTest from "./components/PluginTest.vue";
export default {
  components: {
    DirectiveTest1,
    DirectiveTest2,
    DirectiveTest3,
    TeleportTest1,
    TeleportTest2,
    RenderTest1,
    PluginTest,
  },
};
</script>

<style>
</style>